﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.1//EN" "http://www.w3.org/TR/xhtml11/DTD/xhtml11.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en"><head><meta http-equiv="Content-Type" content="text/html; charset=UTF-8"></meta><style>/*<![CDATA[*/

table{border: 1px solid gray;}
td{border: 1px dotted gray;}
p{margin: 3px 0 3px 0; padding: 0;}
#ID_Footer{font-size: small; font-style: italic; text-align: right; margin-top: 4em; padding-top: 4px; border-top: 2px solid gray;}

/*]]>*/</style><title>第5章 图像</title></head><body>
<div><br /></div>
<div style="text-align: center"><span style="font-family: 宋体; font-size: 30pt; padding-left: 77pt; line-height: 280%">第</span><span style="font-family: Calibri; font-size: 30pt; padding-left: 77pt; line-height: 280%">5</span><span style="font-family: 宋体; font-size: 30pt; padding-left: 77pt; line-height: 280%">章 &nbsp; &nbsp; &nbsp; &nbsp;图像</span></div>
<div><span style="font-family: 微软雅黑; font-size: 16pt; padding-left: 18pt; line-height: 240%">1. &nbsp; &nbsp; &nbsp; &nbsp;概念</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">可采用</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">css</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">中的</span><span style="font-family: Times New Roman; font-size: 12pt; font-weight: bold; color: #ff0000; line-height: 240%">background-image</span><span style="font-family: 宋体; font-size: 12pt; font-weight: bold; color: #ff0000; line-height: 240%">属性</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">。（</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">P84, </span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">见</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">P402-409</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">）</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">专用文件夹：</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">images (87)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">alt</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">文本</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> (p88)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">多个特性的分隔</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> (p89 </span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">示例</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">块级元素。如</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;h1&gt;, &lt;p&gt;. (p91)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">内联元素。如</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;b&gt;, &lt;em&gt;, &lt;img&gt;. (p91)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">分辨率。</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">(p104)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">元素</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">figure &amp; figurecaption (p109)</span></div>
<div><br /></div>
<div><span style="font-family: 微软雅黑; font-size: 16pt; font-weight: bold; padding-left: 18pt; line-height: 240%">2. &nbsp; &nbsp; &nbsp; &nbsp;标签</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #7030a0; line-height: 240%">img /</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&gt;, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; line-height: 240%">src</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性，</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; line-height: 240%">alt</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性，</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c45911; line-height: 240%">title</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性（悬停值）</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> (p88)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">高度</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&amp;</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">宽度（像素单位）。</span><span style="font-family: Times New Roman; font-size: 12pt; text-decoration: underline; color: #c45911; line-height: 240%">height</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性，</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%"> </span><span style="font-family: Times New Roman; font-size: 12pt; text-decoration: underline; color: #c45911; line-height: 240%">width</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性。</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">水平对齐：</span><span style="font-family: Times New Roman; font-size: 12pt; text-decoration: underline; color: #c45911; line-height: 240%">align</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性，</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; line-height: 240%">left</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; line-height: 240%">right</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性值。</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">(p92-93)</span></div>
<div><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">垂直对齐：</span><span style="font-family: Times New Roman; font-size: 12pt; text-decoration: underline; color: #c45911; line-height: 240%">align</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性，</span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; line-height: 240%">top</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; line-height: 240%">middle</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">, </span><span style="font-family: Times New Roman; font-size: 12pt; color: #c00000; line-height: 240%">bottom</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">特性值。</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">(p94-95)</span></div>
<div><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">html5</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">标签</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&lt;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #7030a0; line-height: 240%">figure</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&gt; (</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">其作用？</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">), &lt;</span><span style="font-family: Times New Roman; font-size: 12pt; color: #7030a0; line-height: 240%">figurecaption</span><span style="font-family: Times New Roman; font-size: 12pt; line-height: 240%">&gt; (p109)</span><span style="font-family: 宋体; font-size: 12pt; line-height: 240%">。</span></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div>
<div><br /></div><script type="text/javascript" language="javascript" src="jquery.js"></script><script type="text/javascript" language="javascript" src="itemlink.js"></script></body></html>